html {
	background: url("img/7--top.jpg") repeat-x left top rgb(242, 242, 242); font: 12px/1.8 "microsoft yahei", tahoma, arial, 宋体; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; -webkit-text-size-adjust: none;
}
body {
	background: url("img/7--top.jpg") repeat-x left top rgb(242, 242, 242); font: 12px/1.8 "microsoft yahei", tahoma, arial, 宋体; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; -webkit-text-size-adjust: none;
}
a {
	color: rgb(85, 85, 85); text-decoration: none;
}
a:hover {
	color: rgb(197, 45, 40); text-decoration: underline;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pr {
	position: relative;
}
.inner {
	margin: 0px auto; width: 980px; position: relative;
}
header#page_header {
	background: url("img/7--topHear.jpg") no-repeat top; -ms-zoom: 1;
}
header#page_header .metHeader {
	min-height: 110px; _height: 110px;
}
header#page_header .logo {
	overflow: hidden;
}
header#page_header .metLang {
	top: 28px; right: 10px; position: absolute;
}
header#page_header .metLang a {
	color: rgb(255, 255, 255);
}
header#page_header .langImg {
	margin: 0px 10px; color: rgb(110, 110, 110);
}
header#page_header .searchBg {
	background: url("img/7--search.jpg") no-repeat top; width: 189px; height: 26px; right: 20px; bottom: 28px; position: absolute;
}
header#page_header .navsearch_input input {
	background: none; margin: 2px 0px 0px 2px; border: 0px currentColor; border-image: none; width: 150px; height: 22px; line-height: 18px;
}
header#page_header .searchgo {
	background: none; border: currentColor; border-image: none; width: 30px; height: 26px; right: 0px; position: absolute; cursor: pointer;
}
header#page_header .metNav {
	background: url("img/7--navBg.png") no-repeat top; width: 980px; height: 42px; line-height: 42px; z-index: 1000;
}
header#page_header .metNav li {
	text-align: center; float: left; position: relative; z-index: 101;
}
header#page_header .metNav li > a {
	color: rgb(114, 114, 114); overflow: hidden; font-weight: bold; display: block; white-space: nowrap;
}
header#page_header .metNav li a:hover {
	color: rgb(197, 45, 40); text-decoration: none;
}
header#page_header .metNav ul > li > a {
	overflow: hidden;
}
header#page_header .metNav .hover {
	background: url("img/7--nav_a.jpg") no-repeat top;
}
header#page_header .metNav .line {
	background: url("img/7--nav_xian.png") no-repeat rgb(255, 255, 255); width: 2px; height: 42px;
}
header#page_header .metNav dl {
	background: rgb(220, 220, 220); left: 0px; top: 42px; font-weight: bold; display: none; white-space: nowrap; position: absolute; z-index: 100;
}
header#page_header .metNav dl dd {
	height: 24px; line-height: 24px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
header#page_header .metNav dd a {
	color: rgb(112, 112, 112) !important; font-weight: normal !important; display: block;
}
header#page_header .metNav dl dd a:hover {
	color: rgb(197, 45, 40) !important;
}
header#page_header .FlashKj {
	background: url("img/7--FlashKj.jpg") repeat-x left bottom; overflow: hidden; padding-bottom: 7px; _padding-bottom: 14px;
}
header#page_header .metFlash {
	overflow: hidden; margin-bottom: 6px;
}
header#page_header .flash {
	font-size: 0px;
}
section#posts .metIndex {
	margin-top: 15px;
}
* + html section#posts .metIndex {
	padding: 4px 0px;
}
section#posts .metProduct {
	background: url("img/7--metProductBot.png") no-repeat left bottom; padding-bottom: 13px;
}
section#posts .Titlemark {
	margin-right: 8px;
}
section#posts .h3Title {
	background: url("img/7--metProductH3.png") no-repeat left top; height: 38px; color: rgb(100, 100, 100); line-height: 43px; overflow: hidden; padding-left: 25px;
}
section#posts .h3Title span {
	background: url("img/7--h3Title.png") repeat-x left top; padding: 0px 10px; color: rgb(255, 255, 255); display: block;
}
section#posts .h3Title span b {
	background: url("img/7--h3TitleB.png") no-repeat top; display: block;
}
section#posts .metMore {
	background: url("img/7--more.png"); margin: 17px 20px 0px 0px; width: 32px; height: 5px; line-height: 1000px; overflow: hidden; float: right;
}
section#posts .metProductBox {
	background: url("img/7--metProductBox.png") repeat-y left top; padding: 10px 35px;
}
#indexcar ol {
	width: 2012em; position: absolute;
}
#indexcar ol li {
	text-align: center; float: left;
}
#indexcar ol li a.img {
	text-align: center; font-size: 0px; display: block;
}
#indexcar ol li a.img img {
	background: rgb(255, 255, 255); margin: auto; padding: 2px; border: 1px solid rgb(214, 214, 214); border-image: none;
}
#indexcar ol li h3 {
	height: 20px; line-height: 20px; overflow: hidden; font-weight: normal; margin-top: 5px;
}
section#posts .metProductBox .next {
	background: url("img/7--neu.jpg") no-repeat; width: 32px; height: 47px; overflow: hidden; float: left; display: block;
}
.metProductBox .prev {
	background: url("img/7--neu.jpg") no-repeat; width: 32px; height: 47px; overflow: hidden; float: left; display: block;
}
section#posts .metProductBox .next {
	background-position: -32px 0px; left: 948px; top: 65px; position: absolute;
}
section#posts .metProductBox .prev {
	background-position: 0px 0px; left: 0px; top: 65px; position: absolute;
}
section#posts .metProductBox .profld {
	margin: 0px; overflow: hidden; position: relative;
}
#trigger {
	bottom: 8px; margin-top: 0px; margin-right: 5px; float: left; display: none; position: relative; -ms-zoom: 1;
}
#trigger a {
	background: url("img/neu.gif") no-repeat -78px -10px; width: 8px; height: 8px; overflow: hidden; font-size: 0px; margin-right: 5px; display: inline-block;
}
#trigger a.current {
	background-position: -78px 0px;
}
section#posts .leftIndex {
	width: 246px; margin-top: 10px;
}
section#posts .leftIndex .h3Title {
	background: url("img/7--leftH3.png") no-repeat left top; height: 38px; color: rgb(100, 100, 100); line-height: 43px; overflow: hidden; padding-left: 25px;
}
section#posts .contentBox {
	background: url("img/7--contentBox.png") repeat-y left top; padding: 15px 15px 20px;
}
section#posts .contentBot {
	background: url("img/7--contentBot.png.png") no-repeat left top; height: 21px;
}
section#posts .centerIndex {
	width: 486px; margin-top: 10px; margin-left: 12px;
}
section#posts .centerIndex .h3Title {
	background: url("img/7--h3Center.png") no-repeat left top; height: 38px; color: rgb(100, 100, 100); line-height: 43px; overflow: hidden; padding-left: 25px;
}
section#posts .contentNews {
	background: url("img/7--contentNews.png") repeat-y left top; padding: 15px 15px 20px;
}
section#posts .contentNewsBot {
	background: url("img/7--contentNewsBot.png") no-repeat left top; height: 21px;
}
section#posts .contentNews li {
	background: url("img/7--i-1.gif") no-repeat left 12px; margin: 0px 5px; height: 30px; line-height: 30px; overflow: hidden; padding-left: 13px; border-bottom-color: rgb(193, 193, 193); border-bottom-width: 1px; border-bottom-style: dashed;
}
section#posts .contentNews li a {
	color: rgb(51, 51, 51);
}
section#posts .contentNews li span {
	color: rgb(155, 155, 155); float: right;
}
section#posts .rightIndex {
	width: 225px; margin-top: 10px;
}
section#posts .rightIndex .h3Title {
	background: url("img/7--rightH3.png") no-repeat left top; height: 38px; color: rgb(100, 100, 100); line-height: 43px; overflow: hidden; padding-left: 25px;
}
section#posts .indexBox {
	background: url("img/7--indexBox.png") repeat-y left top; padding: 15px 15px 20px;
}
section#posts .indexBoxBot {
	background: url("img/7--indexBoxBot.png") no-repeat left top; height: 21px;
}
footer#page_footer {
	background: url("img/7--bottom.jpg") repeat-x rgb(255, 255, 255);
}
footer#page_footer .indexFooter {
	padding: 20px 0px 10px; text-align: center;
}
footer#page_footer .foot-nav {
	padding: 7px 20px 10px;
}
footer#page_footer .foot-nav a {
	color: rgb(255, 255, 255); font-weight: bold;
}
footer#page_footer .foot-nav span {
	margin: 0px 10px; color: rgb(153, 153, 153);
}
footer#page_footer .foot-text p {
	height: 24px; line-height: 24px;
}
.powered_by_metinfo {
	height: 24px; line-height: 24px;
}
footer#page_footer .foot-text {
	color: rgb(255, 255, 255);
}
footer#page_footer .foot-text a {
	color: rgb(255, 255, 255);
}
footer#page_footer .hyperlink {
	padding: 0px 20px; text-align: left;
}
* + html footer#page_footer .hyperlink {
	margin-bottom: -30px;
}
footer#page_footer .hyperlink h3 {
	height: 29px; color: rgb(255, 255, 255); line-height: 29px; font-size: 13px; margin-right: 5px; float: left;
}
footer#page_footer .WBtxt ul {
	float: left;
}
footer#page_footer .WBtxt ul li {
	margin: 0px 7px; height: 29px; line-height: 29px; float: left;
}
footer#page_footer .WBtxt ul li a {
	color: rgb(255, 255, 255);
}
footer#page_footer .TUimg ul li {
	margin: 5px 0px 5px 15px; font-size: 0px; float: left;
}
.sidebar {
	margin-top: 10px; _margin-bottom: -20px;
}
* + html .sidebar {
	margin-bottom: -20px;
}
.sidebar .topSb_nav {
	background: url("img/7--topSb_nav.jpg") no-repeat; height: 10px;
}
.sb_nav {
	background: url("img/7--sb.jpg") repeat-y left top; width: 240px;
}
.sbNavTitle {
	background: url("img/7--sb_nav1.jpg") no-repeat; height: 51px; color: rgb(255, 255, 255); line-height: 45px; overflow: hidden; padding-left: 25px; font-size: 14px;
}
.sb2NavTitle {
	background: url("img/7--sb_nav2.jpg") no-repeat; height: 52px; color: rgb(51, 51, 51); line-height: 57px; overflow: hidden; padding-left: 53px; font-size: 14px;
}
.sbNavList {
	padding: 5px 18px 10px 21px; overflow: hidden; white-space: nowrap;
}
.sbNavList dt a {
	background: url("img/7--neiye_list_a1.jpg") no-repeat left top; margin: 5px 0px; height: 27px; line-height: 30px; overflow: hidden; padding-left: 40px; display: block; _width: 160px;
}
.sbNavList dt a:hover {
	background: url("img/7--neiye_list_a.jpg") no-repeat left top; font-weight: bold; text-decoration: none;
}
.sbNavList dd {
	padding: 0px 10px 10px; overflow: hidden;
}
.sbNavList dd h4 {
	background: url("img/7--i-1.gif") no-repeat 13px 12px; height: 25px; line-height: 25px; overflow: hidden; padding-left: 30px; font-weight: normal; border-bottom-color: rgb(193, 193, 193); border-bottom-width: 1px; border-bottom-style: dashed; _width: 150px;
}
.sbNavBox {
	padding: 5px 18px 10px 21px;
}
.sb_navB {
	background: url("img/7--sb_nav.jpg") no-repeat left top; height: 28px; font-size: 0px;
}
.sb_box {
	background: url("img/7--sb_boxB.png") no-repeat left bottom; width: 719px; padding-bottom: 18px;
}
.sb_box .sb_boxTitle {
	background: url("img/7--sb_boxH3.png") no-repeat right top; height: 36px; line-height: 36px; overflow: hidden; padding-left: 35px; display: block; white-space: nowrap;
}
.sb_box .active {
	background: url("img/7--sb_box.png") repeat-y left top; padding: 15px 20px 20px !important;
}
#newslist li {
	background: url("img/7--i-1.gif") no-repeat 6px 15px; padding: 6px 20px; border-bottom-color: rgb(193, 193, 193); border-bottom-width: 1px; border-bottom-style: dashed;
}
.searchnavlist select {
	width: 180px; overflow: hidden; white-space: nowrap;
}
.searchnavlist input {
	width: 170px;
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* 轮播容器 - 保持与原Flash尺寸一致 */
        .carousel-container {
            width: 980px;
            height: 300px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        /* 轮播图包裹层 - 用于滑动效果 */
        .carousel-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .carousel-slides {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
        }

        /* 单个幻灯片 */
        .slide {
            flex: 0 0 100%;
            height: 100%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            background-color: #f0f0f0;
        }

        /* 图片占位 - 如果图片加载失败或有背景图，优雅降级 */
        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            /* 图片不可见，因为使用背景图展示，但保留img作为后备 */
        }

        /* 导航点 (圆点指示器) */
        .dots-container {
            position: absolute;
            bottom: 15px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 12px;
            z-index: 10;
        }

        .dot {
            width: 12px;
            height: 12px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
        }

        .dot.active {
            background-color: #ffffff;
            transform: scale(1.2);
            box-shadow: 0 0 6px rgba(255,255,255,0.8);
        }

        /* 左右箭头 (可选增强体验，原flash虽然没有箭头，但为了现代交互，添加优雅箭头) 
           风格简洁不突兀 */
        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            background-color: rgba(0, 0, 0, 0.4);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 24px;
            font-weight: bold;
            transition: background 0.2s;
            z-index: 10;
            user-select: none;
            font-family: system-ui, 'Segoe UI', monospace;
        }

        .arrow:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }

        .arrow-left {
            left: 12px;
        }

        .arrow-right {
            right: 12px;
        }

        /* 可选：小屏幕适配 - 保持比例响应式，但要求宽980固定区域，仍然支持百分比缩放 */
        @media (max-width: 1000px) {
            .carousel-container {
                width: 100%;
                height: auto;
                aspect-ratio: 980 / 300;
            }
        }

        /* 标题区域(如果需要显示图片描述，根据原flash的texts，虽然原示例为空，但预留扩展) */
        .slide-caption {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            text-align: center;
            background: linear-gradient(90deg, transparent, rgba(0,0,0,0.6), transparent);
            color: white;
            padding: 8px;
            font-size: 14px;
            font-family: system-ui, 'Segoe UI', sans-serif;
            pointer-events: none;
            backdrop-filter: blur(2px);
        }

        /* 让轮播支持触摸滑动（移动端增强） */
        @media (pointer: coarse) {
            .arrow {
                width: 44px;
                height: 44px;
                font-size: 28px;
            }
        }

        /* 加载占位样式 */
        .loading-placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            background: #e2e8f0;
            color: #64748b;
            font-family: monospace;
        }